<template>
  <div class="tool">
    <div>
      <li><i class="iconfont icon-shejiaotubiao-44"></i></li>
      <li>桌面版</li>
    </div>
    <div>
      <li><i class="iconfont icon-message"></i></li>
      <li>消息</li>
    </div>
    <div @click="HRtoCart($event)">
      <li><i class="iconfont icon-gouwuche"></i></li>
      <li>购物车</li>
    </div>
    <div>
      <li><i class="iconfont icon-yonghutiaoyan"></i></li>
      <li>用户调研</li>
    </div>
    <div>
      <li><i class="iconfont icon-guanfangkefu"></i></li>
      <li>官方客服</li>
    </div>
    <div>
      <li><i class="iconfont icon-fankui"></i></li>
      <li>反馈</li>
    </div>
  </div>
</template>     
<style scoped>
.tool {
    z-index: 9999;
   position: absolute;
  right: 0px;
  top: 270px;
  width: 70px;
  height: 420px;
      float: right;
    border: #efe8e8 1.5px solid;
    border-radius: 10px 0px 0px 10px;  
    background: white;

}

.tool li {
    padding-top: 8px;
    list-style: none;
    font-size: 14px;
    color: #090909;
}

.tool div {

    width: 60px;

    height: 60px;
    margin-left: 5px;
    margin-top: 9px;
    margin-bottom: 9px;
}

.tool div:hover {
    background-color: #d7d6d6;
    border-radius: 10px;
    cursor: pointer;
}
</style>

<script>

export default {
  name: "HomeRight",
  data() {
    return {};
  },
  methods: {
    HRtoCart(event) {
      this.$router.push({ path: "/ShoppingCart" });
    },
  },
};
</script>
